{extend name="public:www" /}

{block name="main-container"}
<!--内页内容区域-->
<div class="container ny-wrap">
    <div class="pro-title clearfix">
        <span class="pull-left">荣誉资质</span>
        <p class="pull-right">
            <a href="company.html">公司简介</a><em>|</em>
            <!--<a href="#">企业文化</a><em>|</em>-->
            <a class="active" href="honor.html">荣誉资质</a>
        </p>
    </div>
    <div class="container honor">
        <div class="container">
            <div class="about-visual-recommon">
                <div class="pics-1 wow bounceInDown" data-wow-delay=".2s" id="slick-1">
                    <!--<div>-->
                    <!--<a href="javascript:;" class="items block">-->
                    <!--<i class="pic"><img src="/www/images/honor.jpg" class="vcenter" alt="" /></i>-->
                    <!--<span class="name">某某跑男圣诞特辑——明信片寻宝</span>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div>-->
                    <!--<a href="javascript:;" class="items block">-->
                    <!--<i class="pic"><img src="/www/images/honor2.jpg" class="vcenter" alt="" /></i>-->
                    <!--<span class="name">某某副总裁刘欢受邀出席“梅花网开放日开年六讲”活动</span>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div>-->
                    <!--<a href="javascript:;" class="items block">-->
                    <!--<i class="pic"><img src="/www/images/honor.jpg" class="vcenter" alt="" /></i>-->
                    <!--<span class="name">全速2016——某某科技有限公司十周年庆典</span>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div>-->
                    <!--<a href="javascript:;" class="items block">-->
                    <!--<i class="pic"><img src="/www/images/honor2.jpg" class="vcenter" alt="" /></i>-->
                    <!--<span class="name">某某连续3年荣膺上海“中小企业市场开拓资金” 第三方电子商务平台合作企业</span>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--<div>-->
                    <!--<a href="javascript:;" class="items block">-->
                    <!--<i class="pic"><img src="/www/images/honor.jpg" class="vcenter" alt="" /></i>-->
                    <!--<span class="name">某某科技有限公司斩获金鼎创意传播国际大奖</span>-->
                    <!--</a>-->
                    <!--</div>-->

                    {volist name="data.honor" id="menu"}
                    <div>
                        <a href="javascript:;" class="items block">
                            <i class="pic"><img src="{$menu.img}" class="vcenter" alt=""/></i>
                            <span class="name">{$menu.title}</span>
                        </a>
                    </div>
                    {/volist}
                </div>

                <div class="pics2-2">
                    <div class="pics2-1">
                        <div class="pics-2 wow bounceInDown" id="slick-2" style="top:-25px;left:20px">
                            <div>
                                <a href="javascript:;" class="items block">
                                    <i class="pic"><img src="/www/images/honor2.jpg" class="vcenter" alt=""/></i>
                                    <span class="name">某某跑男圣诞特辑——明信片寻宝</span>
                                </a>
                            </div>
                            <div>
                                <a href="javascript:;" class="items block">
                                    <i class="pic"><img src="/www/images/honor.jpg" class="vcenter" alt=""/></i>
                                    <span class="name">某某副总裁刘欢受邀出席“梅花网开放日开年六讲”活动</span>
                                </a>
                            </div>
                            <div>
                                <a href="javascript:;" class="items block">
                                    <i class="pic"><img src="/www/images/honor2.jpg" class="vcenter" alt=""/></i>
                                    <span class="name">全速2016——某某科技有限公司十周年庆典</span>
                                </a>
                            </div>
                            <div>
                                <a href="javascript:;" class="items block">
                                    <i class="pic"><img src="/www/images/honor.jpg" class="vcenter" alt=""/></i>
                                    <span class="name">某某连续3年荣膺上海“中小企业市场开拓资金” 第三方电子商务平台合作企业</span>
                                </a>
                            </div>
                            <div>
                                <a href="javascript:;" class="items block">
                                    <i class="pic"><img src="/www/images/honor2.jpg" class="vcenter" alt=""/></i>
                                    <span class="name">某某科技有限公司斩获金鼎创意传播国际大奖</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="controller">
                    <a href="javascript:;" class="wow bounceInDown" id="slick-1-prev" data-wow-delay=".3s"></a>
                    <a href="javascript:;" class="wow bounceInDown" id="slick-1-next" data-wow-delay=".4s"></a>
                </div>

            </div>
        </div>


    </div>


    <!--花之物语-->
    <div class="container flower-tips clearfix">
        <div class="flowerh pull-left">
            <h3>FLOWER TIPS</h3>
            <div><span>花之物语</span><em></em></div>
            <a href="flower.html">查看更多</a>
            <p>我们希望，通过花盒把爱情，亲情以及友情直观的表达出来，无需多言，一切尽在花盒当中。</p>
        </div>
        <div class="flowertips-con pull-right">
            <div class="flower-con">
                <ul>
                    <li>
                        <div class="flower-ch">
                            <span>06-12</span><a href="flower_show.html">时尚广告片中的自然花艺某某鲜花测试文字</a>
                            <div class="line"></div>
                        </div>
                        <p>2016年6月6日，第十届虎啸国际高峰论坛暨第七届虎啸奖颁奖盛典在上海隆重举行。作为商业传播领域最具权威性、前瞻性及创新性的大型赛事活动之一，虎啸奖至今已成功举办... </p>
                        <a class="gengduo" href="flower_show.html">Read more</a>
                    </li>
                    <li>
                        <div class="flower-ch">
                            <span>06-12</span><a href="flower_show.html">鲜花测试文字母亲节之与妈妈的美丽“花约”</a>
                            <div class="line"></div>
                        </div>
                        <p>作为商业传播领域最具权威性、前瞻性及创新性的大型赛事活动之一，虎啸奖至今已成功举办七届。在本届颁奖盛典上，某某科技有限公司创始人·总裁赵旭隆先生荣膺“年度人物大奖” </p>
                        <a class="gengduo" href="flower_show.html">Read more</a>
                    </li>
                    <li class="last">
                        <div class="flower-ch">
                            <span>06-12</span><a href="flower_show.html">时尚广告片中的自然花艺某某鲜花测试文字</a>
                            <div class="line"></div>
                        </div>
                        <p>2016年6月6日，第十届虎啸国际高峰论坛暨第七届虎啸奖颁奖盛典在上海隆重举行。作为商业传播领域最具权威性、前瞻性及创新性的大型赛事活动之一，虎啸奖至今已成功举办... </p>
                        <a class="gengduo" href="flower_show.html">Read more</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>


</div>


{/block}
{block name="script"}

<!--Include Js-->
<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<!--移动端导航-->
<script src="/www/js/jquery.mmenu.all.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/www/js/public.js" type="text/javascript" charset="utf-8"></script>
<!--slick-->
<script src="/www/js/slick.min.js" type="text/javascript" charset="utf-8"></script>


<!--placeholder-->
<script src="/www/js/jquery.placeholder.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function () {
        $('input, textarea').placeholder();
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#slick-1").slick({
            arrows: false,
            draggable: false,
            useTransform: true
        }).slick("slickGoTo", 1);
        $("#slick-2").slick({
            arrows: false,
            draggable: false,
            useTransform: true
        });

        /*Controller*/
        $("#slick-1-prev").click(function () {
            $("#slick-1,#slick-2").slick("slickPrev");
        })
        $("#slick-1-next").click(function () {
            $("#slick-1,#slick-2").slick("slickNext");
        })
        $("#slick-1-next,#slick-1-prev").click(function () {
            $(".about-visual-recommon").toggleClass("active");
        })
    })
</script>
{/block}